<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		.welcome{
			height: 40px;
			color: #666666;
			font-size: 22px;
			text-indent: 12em;
			line-height: 40px;
			background: url(image/loo.png);
			background-repeat: no-repeat;
			background-size: 110px 40px;
			background-position: 140px 0px;
		}
		.content{
			height: 500px;
			width: 1900px;
			border: 1px solid white;
			background-image: url(image/banner.png);
			background-repeat: no-repeat;
			background-size: 2000px 900px;
			
		}
		.inter{
			padding: 0px 20px;
			width: 280px;
			height: 250px;
			border: 1px solid white;
			margin: 60px 750px;
			background-color: white;
			background-image: url(image/icon5.jpg);
			background-repeat: no-repeat;
			background-position: 216px 20px;
		}
		li{
			list-style: none;
			display: inline-block;
		}
		.yes{
			color: #666666;
			text-align: center;
		}
		a{
			text-decoration: none;
			color: #666666;
		}
		.d1{
			color: #666666;
		}
		.d2{
			float: right;
			color: red;
		}
		.x1{
			background: url(image/icon1.jpg)no-repeat;
			background-size: contain;
		}
		.x2{
			margin-left: 23px;
		}
		.w1{
			background: url(image/icon2.jpg)no-repeat;
			background-size: contain;
		}
		.w2{
			margin-left: 23px;
		}
		.here{
			float: right;
		}
		.denglu{
			width: 280px;
			height: 30px;
			border: 1px solid red;
			text-align: center;
			background-color: red;
		}
		.denglu2{
			background-color: red;
			border: none;
			font-size: 18px;
			color: white;
		}
		.fixx:after{
			content: '';
			display: block;
			clear: both;
		}
		</style>	
	</head>
	<body>
			<p class="welcome">欢迎登录</p>
			<div class="content">
			<div class="inter">
				<form class="fixx">
			     <p><span class="d1">京东会员</span><span><a href="#" class="d2">立即注册</a></span></p>
					<p class="x1"><input class="x2" type="text" name="message" size="32" placeholder="邮箱/用户名/已验证手机"/></p>
					<p class="w1"><input class="w2" type="text" name="message" size="32" /></p>
					<p class="d1"><input type="checkbox" name="auto" />自动登录  <a href="#" class="here">忘记密码？</a></p>
					<p class="denglu"><input class="denglu2" type="submit" value="登录" /></p>
				</form>
			</div>
			</div>
			<div class="yes">
					<ul>
						<li><a href="#">关于我们 |</a></li>
						<li><a href="#">联系我们 |</a></li>
						<li><a href="#">人才招聘 |</a></li>
						<li><a href="#">商家入驻 |</a></li>
						<li><a href="#">广告服务 |</a></li>
						<li><a href="#">手机京东 |</a></li>
						<li><a href="#">友情链接 |</a></li>
						<li><a href="#">销售联盟 |</a></li>
						<li><a href="#">京东社区 |</a></li>
						<li><a href="#">京东公益 |</a></li>
						<li><a href="#">English Site |</a></li>
					</ul>
					<p>Copyright&copy;2004-2017 京东JD.com 版权所有</p>
			</div>	
		</article>
	</body>
</html>
